/*base*/
body{background-color: #f2f2f2;font-size: 0.3rem;color: #333;}
body,p,h1,h2,h3,h4,h5,h6,ul,li,a,button,input,textarea,select,textarea{font-family: "Microsoft Yahei","Times New Roman","Hiragino Sans GB","Helvetica","Arial"}
body,p,h1,h2,h3,h4,h5,h6,ul,li{margin: 0;padding: 0;}
ul,li,ol{list-style: none;}
body a{color: #333; text-decoration: none;}
button{border: none;padding: 0;}

/*字体颜色*/
.t-red{color:#ff484a !important;}
.t-orange{color: #fe950b !important;}
.t-green{color: #25cf7d !important;}
.t-333{color:#333 !important;}
.t-666{color:#666 !important;}
.t-999{color:#999 !important;}
.t-BD{color: #BDBDBD !important;}


/*字体对齐*/
.t-left{text-align: left;}
.t-center{text-align: center;}
.t-right{text-align: right;}

/*按钮*/
.app_btn:hover{color: #fff !important;}
.btn--default,.btn--primary,.bg-theme,.bg--orange {text-align: center;height: 0.9rem;line-height: 0.9rem;border-radius: 0.9rem;font-size: 0.3rem;}
.btn--default{color: #333;background-color: #fff;border: 1px solid #e5e5e5; }
.bg-theme, .btn--primary {color: #fff !important;background-color: #ff484a;}
.bg--orange {color: #fff !important;background-color: #ff5b00;}
.btn--disabled{color:#fff !important;background-color: #ccc !important;}
.btn--xs{font-size: 0.26rem;padding: 0 0.2rem;line-height: 0.4rem;height: 0.4rem;}
.btn--md {font-size: 0.34rem;padding: 0 0.7rem;line-height: 0.78rem;}
.btn--lg{width: 100%;}

/*边框*/
.theme-bordercolor {border-width: 0.5px;border-color: #ff484a !important;color: #ff484a !important;  }


/*input textarea*/
:focus{outline:none;}
input,textarea{border: none;width: 100%;outline:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc;  }

/*删除线*/
del{text-decoration: line-through;}

/*遮罩层*/
.dialog{width: 100vw; height: 100vh; position: fixed; top: 0;  left: 0; z-index: 99;}
.msk {width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.7);}

/*没有更多了*/
.no-more {  text-align: center;  font-size: 0.24rem;  margin-top: 0.3rem;color: #999;}

.flex{display: flex;justify-content: space-between;align-items: center;}
.flex1{flex: 1;-webkit-flex: 1;}

/*list列表*/
.cells:first-child,.cells__title+.cells{margin-top:0;}
.cells{position:relative;overflow:hidden;margin-top:.3rem;background-color:#fff;font-size:.3rem;line-height:1.47058824;}
.cells:after{bottom:0;border-bottom:1px solid #e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;}
.cells:after,.cells:before{-webkit-transform:scaleY(.5);transform:scaleY(.5);}
.cells:before{top:0;border-top:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;}
.cells:after,.cells:before{position:absolute;right:0;left:0;height:1px;color:#e5e5e5;content:" ";}
.cell{position:relative;display:-webkit-box;display:flex;padding:.3rem;-webkit-box-align:center;align-items:center;}
.cell:before{position:absolute;top:0;right:0;left:0;left:15px;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;content:" ";-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 0;transform-origin:0 0;}
.cell__bd{color:#333;font-size:.3rem;-webkit-box-flex:1;flex:1;}
.cell_access .cell__ft{position:relative;padding-right:.4rem;}
.cell__ft{color:#999;text-align:right;}
.cell_access .cell__ft:after{position:absolute;top:36%;right:2px;display:inline-block;margin-top:-.1rem;width:.2rem;height:.3rem;content:"\e612";font-size:.3rem;font-family:iconfont!important;line-height:.3rem;}
.cell__flex{flex:1;-webkit-flex:1;}
.cellLeft:after,.cellLeft:before{left:0!important;}
.cellNoborder:before{border:0;}

.panel{background: #FFF;margin-bottom: 0.3rem;}
.panel__ft{padding:.3rem 0}
.media-box{padding: .3rem;border-bottom: 0.5px solid #e5e5e5;}
.media-box:last-child{border-bottom: 0;}
.media-box_appmsg{display: flex;justify-content: flex-start;align-items: center;}
.media-box__hd{margin-right: 0.2rem}
.media-box__hd img{width: 100%;height: 100%;}
.media-box__bd{flex: 1;-webkit-flex: 1;}
.media-box__ft{margin-left: 0.2rem;}
.media-box__title{font-size: 0.3rem;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.media-box__desc{font-size: 0.26rem;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;color: #666;}

.citypicker .distpicker-address-wrapper {color: #999;  }
.citypicker .distpicker-address-wrapper .address-header,.citypicker .distpicker-address-wrapper .address-container ul li.active{color: #333;  }
.citypicker .distpicker-address-wrapper .address-header ul li.active{color: #ff484a;border-bottom-color: #ff484a;}
.citypicker .distpicker-address-wrapper .address-container{height: 5.27rem}

.app_loading{position:fixed;top:0;left:0;z-index:999;width:100vw;height:100vh;background-color:#fff;opacity:1;transition:opacity 0.9s;}
.app_loading.opacity{opacity:0;}
.app_loading .progress{width:100vw;height:4px;background-color:red;animation:progress .6s ease-in 0s infinite;}
@keyframes progress{0% {width:0%;}100% {width: 100%;} }

/*animation动画*/
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);}
  to{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);}
  to{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);}
  to{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);}
  to{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
}
@-webkit-keyframes fadeOutUp{from{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
  to{opacity:0;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);}
}
@keyframes fadeOutUp{from{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
  to{opacity:0;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);}
}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0);}
  to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0);}
  to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}


